import { DefaultTheme } from 'styled-components'

const theme: DefaultTheme = {
  colors: {
    primary: '#1890ff',
    secondary: '#666',
    primaryLight: '#40a9ff',
    primaryDark: '#096dd9',
    secondaryLight: '#999',
    secondaryDark: '#333',
    // ... other colors
  },
  spacing: {
    xs: '4px',
    sm: '8px',
    md: '16px',
    lg: '24px',
    xl: '32px',
  },
  boxShadow: {
    sm: '0 1px 2px rgba(0,0,0,0.05)',
    md: '0 4px 6px rgba(0,0,0,0.1)',
    lg: '0 10px 15px rgba(0,0,0,0.1)',
  },
  zIndex: {
    sticky: 100,
    modal: 1000,
    popover: 1030,
    tooltip: 1040,
  },
  antd: {}, // antd theme config
}

export default theme
